body { margin:0; padding:0; line-height:24px; font-family:'Microsoft YaHei'; font-size:12px; background: #ffffff;}
div,ul,li,ol,dt,dl,dd,h1,h2,h3,h4,h5,h6,h7,img,p,span{ border-style: none;
	border-color: inherit;
	border-width: 0px;
	padding: 0;
	list-style-type:none;
	/* margin-left: auto; */
	margin-top: 0;
	margin-bottom: 0;
}
@font-face {
	font-family: scr;
	src: url("../font/BRADHITC.TTF");
  }
  @font-face {
	font-family: scc;
	src: url("../font/MTCORSVA.TTF");
  }
  @font-face {
	font-family: scd;
	src: url("../font/TT1106M_.TTF");
  }
  @font-face {
	font-family: sce;
	src: url("../font/TT1107M_.TTF");
  }
  @font-face {
	font-family: scf;
	src: url("../font/方正正中黑简体.TTF");
  }

/* Link */
a:link { text-decoration:none;}
a:visited {text-decoration:none;}
a:hover { text-decoration:none;}
a:active { border:0px; background-color:Transparent;}

a{outline:none; color: #000000;} 

.blank5{ width:100%; height:5px; clear:both;}
.blank10{ width:100%; height:10px; clear:both;}
.blank15{ width:100%; height:15px; clear:both;}
.blank20{ width:100%; height:20px; clear:both;}
.blank30{ width:100%; height:30px; clear:both;}
.blank40{ width:100%; height:40px; clear:both;}
.blank50{ width:100%; height:50px; clear:both;}
.blank60{ width:100%; height:60px; clear:both;}
.blank70{ width:100%; height:70px; clear:both;}
.blank80{ width:100%; height:80px; clear:both;}

/*Clear*/
.clear{ clear:both; font-size:1px; height:0px; line-height:0px; overflow:hidden;}/*可用height:1px; overflow:hidden;来控制IE6默认的div的高为12~14px,用BR来做吧，用DIV不太好用*/

/*针对1920的宽屏*/

.max{ position:relative; overflow:hidden;}		
.head{
	height: 164px;
	position: relative;
	width: 1920px;
	 *width: 1920px;
	  _width: 1920px; 
	  z-index: 11; 
	  margin: 0; 
	  top: 0; 
	  float: left; 
	  left: 50%; 
	  margin-left: -960px; 
	  *margin-left: -960px; 
	  _margin-left: -960px; 
	  background: #ffffff;
	  /*overflow: hidden;*/
}

.head-top{
    width: 100%;
    height: 110px;
}
.logo{
    width: 535px;
    height: 70px;
    float: left;
    margin-left: 360px;
    margin-top: 22px;
}
.head-xbox{
	width: 700px;
	height: 80px;
	float: right;
	border-bottom: 2px solid #344b74;
	margin-top: 28px;
}
.head-xr{
	width: 340px;
	float: left;
}
.ht{
	width: 107px;
	float: left;
}
.xr-text{
	width: 220px;
	float: right;
	text-align: right;
}
.xr-a a{
	height: 22px;
	display: inline-block;
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	color: #333333;
	position: relative;
	margin-right: 8px;
}
.xr-a a:last-child{
	margin-right: 0px;
}
.xr-a a::after{
	content: "丨";
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	position: absolute;
	right: -15px;
	top: 0px;
}
.xr-a a:last-child::after{
	display: none
}

.xr-w{
	width: 100%;
	font-size: 14px;
	color: #666666;
}
.xr-w span{
	font-weight: bold;
}

.head-nav{
	width: 100%;
	height: 54px;
	position: relative;
}
.nav-left{
	width: 572px;
	height: 54px;
	float: left;
	background: #344b74;
	text-align: right;
	line-height: 54px;
	border-top-right-radius: 27px;
	border-bottom-right-radius: 27px;
}
.nav-left img{
	display: inline-block;
	width: 30px;
	margin: 12px 0px;
	margin-right: 14px;
}
.nav-left span{
	font-size: 22px;
	color: #fffefe;
	margin-right: 30px;
	float: right;
}

.nav-list{
	height: 54px;
	float:left;
	margin-left: 78px;
}
.nav-list li{
	float: left;
	margin-right: 60px;
}
.nav-list li:last-child{
	margin-right: 0px;
}
.nav-list li>a{
	width: 78px;
	height: 54px;
	float: left;
	position: relative;
}
.nav-list li>a .nav-img{
	width: 9px;
	height: 9px;
	position: absolute;
	left: 0px;
	top: 23px;
	opacity: 0;
}
.nav-list li>a span{
	font-size: 16px;
	color: #333333;
	margin-left: 14px;
	line-height: 54px;
}

.nav-list li:hover>a::before{
	content: "";
    width: 100%;
    height: 6px;
    background: #ffa800;
    position: absolute;
    bottom: 0px;
    left: 0px;
}
.nav-list li:hover>a span{
	color: #ffa800;
}
.nav-list li:hover>a .nav-img{
	opacity: 1;
}
.nav-list .nav-on>a::before{
	content: "";
    width: 100%;
    height: 6px;
    background: #ffa800;
    position: absolute;
    bottom: 0px;
    left: 0px;
}
.nav-list .nav-on>a span{
	color: #ffa800;
}
.nav-list .nav-on>a .nav-img{
	opacity: 1;
}
.nav-list .nav-jian:hover>a::after{
	content: "";
    width: 14px;
	height: 8px;
	background: url(../images/nav-jian.png) no-repeat;
	background-size: 100% 100%;
    position: absolute;
	right: -26px;
	top: 22px;
}
.nav-list li .nav-box{
	width: 100%;
	padding: 30px 0px;
	background: #f4f4f4;
	position: absolute;
	left: 0px;
	top: 54px;
	z-index: 66;
	display: none;
}
.nav-list li:hover .nav-box{
	display: block;
}
.nav-b_center{
	width: 1200px;
	display: block;
	margin: 0 auto;
}
.nav-b_list{
	width: 100%;
	float: left;
	padding-bottom: 10px;
	border-bottom: 1px solid #dcdcdc;
	margin-bottom: 10px;
}
.nav-b_lei{
	width: 70px;
	float: left;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	line-height: 48px;
}
.nav-b_show{
	width: 1130;
	float: left;
}
.nav-b_show a{
	display: inline-block;
	font-size: 12px;
	color: #666666;
	margin:0 15px;
}
.nav-b_show a:hover{
	color: #ffa800;
	text-decoration: underline;
}
.nav-b_show .a-on{
	color: #ffa800;
	text-decoration: underline;
}


.baner{
	height: 546px;
	position: relative;
	width: 1920px;
	 *width: 1920px;
	  _width: 1920px; 
	  z-index: 1; 
	  margin: 0; 
	  top: 0; 
	  float: left; 
	  left: 50%; 
	  margin-left: -960px; 
	  *margin-left: -960px; 
	  _margin-left: -960px; 
	  /*overflow: hidden;*/
}
.ban-two{
	height: 348px;
	background: url(../images/ban-img2.png) no-repeat;
	background-size: 100% 100%;
}

.ban-box{
	width: 100%;
	text-align: center;
	margin-top: 110px;
}
.ban-t{
	font-size: 14px;
	color: #ffffff;
	line-height: 25px;
}
.ban-tzi{
	font-size: 20px;
	color: #ffffff;
	line-height: 25px;
}
.ban-tci{
	font-size: 30px;
	color: #ffffff;
	font-family: Arial;
	line-height: 50px;
	text-transform: uppercase;
}
.ban-tg{
	width: 65px;
	height: 2px;
	background: #d2d2d2;
	display: inline-block;
}

#sw{
	width: 100%;
	height: 100%;
}
#sw .pic{
	width: 100%;
	height: 100%;
}
.wzs-center{
	min-height: 546px;
	position: relative;
	width: 1920px;
	 *width: 1920px;
	  _width: 1920px; 
	  z-index: 11; 
	  margin: 0; 
	  top: 0; 
	  float: left; 
	  left: 50%; 
	  margin-left: -960px; 
	  *margin-left: -960px; 
	  _margin-left: -960px; 
	  /*overflow: hidden;*/
}
.sou-k{
	width: 100%;
	height: 100px;
	float: left;
	background: url(../images/bei-j.png) no-repeat;
	background-size:100% 100%;
}
.sou-cen{
	width: 1200px;
	height: 100px;
	margin: 0 auto;
}
.sou-left{
	width: 600px;
	height: 100%;
	float: left;
}
.sou-right{
	width: 506px;
	height: 100%;
	float: right;
	text-align: right;
	font-size: 20px;
	line-height: 100px;
	color: #ffffff;
}
.suo{
	width: 100%;
	height: 58px;
	float: left;
	font-size: 14px;
	line-height: 58px;
	color: #666666;
}
.suo-input{
	width: 384px;
	height: 38px;
	float: left;
	border: 1px solid #b9c4d4;
}
.suo-shu{
	width: 340px;
	height: 38px;
	padding: 0 10px;
	float: left;
	border: none;
	outline: none;
}
.suo-an{
	width: 44px;
	height: 38px;
	float: left;
	border: none;
	outline: none;
	padding: 0;
	cursor: pointer;
	background: url(../images/sou.png) #87a0b6 no-repeat;
	background-size:cover;
}
.suo-an img{
	width: 100%;
	height: 100%;
}
.in-about{
	width: 1200px;
	margin: 62px auto;
	height: 496px;
}
.in-ab_left{
	width: 588px;
	height: 100%;
	float: left;
}
.in-left_ti{
	width: 100%;
	float: left;
	padding-bottom: 33px;
	position: relative;
	margin-top: 86px;
}
.in-left_ti::after{
	content: "";
	width: 94px;
	height: 1px;
	background: #344b74;
	position: absolute;
	left: 0;
	bottom: 0;
}
.left_zi{
	font-size: 24px;
	color: #333333;
	margin-bottom: 10px;
}
.left_ci{
	font-size: 16px;
	color: #999999;
}
.left_text{
	width: 100%;
	height: auto;
	font-size: 16px;
	line-height: 25px;
	color: #333333;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	float: left;
	margin-top: 35px;
	text-indent: 2em;
}
.more{
	width: 110px;
	height: 35px;
	position: relative;
	float: left;
	margin-top: 130px;
	/* background: #333333; */
	border: 1px solid #e5e5e5;
	text-align: center;
	line-height: 35px;
	font-size: 14px;
	color: #999999;
	text-transform: uppercase;
	margin-left: 25px;
}
.more::after{
	content: "";
	width: 45px;
	height: 1px;
	background: #e5e5e5;
	position: absolute;
	left: -25px;
	top: 17px;
}
.more:hover{
	border: 1px solid #ffa800;
	background: #ffa800;
	color: #ffffff;
}
.more:hover::after{
	background: #ffa800;
}
.in-ab_right{
	width: 525px;
	height: 496px;
	float: right;
	position: relative;
}

.in-r_box{
	width: 271px;
	height: 271px;
	float: left;
	position: relative;
	left: 0;
	top: 0;
	z-index: 11;
	background: url(../images/bei-j2.png) no-repeat;
	background-size: 100% 100%;
}
.in-r_ti{
	float: left;
	margin-left: 60px;
	margin-top: 65px;
	padding-bottom: 20px;
	position: relative;
}
.in-r_ti::after{
	content: "";
	width: 66px;
	height: 1px;
	background: #eeeeee;
	position: absolute;
	bottom: 0;
	left: 0;
}
.in-r_tzi{
	font-size: 20px;
	color: #333333;
	position: relative;
	padding-left: 20px;
}
.in-r_tzi::after{
	content: "//";
	position: absolute;
	font-size: 16px;
	color: #333333;
	left: 0;
	top: 0;
}
.in-r_tci{
	font-size: 30px;
	color: #344b74;
	margin-top: 10px;
	text-transform: uppercase;
}
.in-r_img{
	width: 505px;
	height: 326px;
	position: absolute;
	right: 0;
	bottom: 0;
    z-index: 22;
}
.in-r_img img{
	width: 100%;
	height: 100%;
}
.in-product{
	width: 100%;
	height: 748px;
	position: relative;
	background: url(../images/bei-j3.png) no-repeat;
	background-size: 100% 650px;
	background-position-y: bottom;
}
.in-pr_cen{
	width: 1200px;
	height: 748px;
	margin: 0 auto;
}
.in-pr_top{
	width: 100%;
	height: 97px;
	float: left;
}
.in-pr_title{
	float: left;
	height: 100%;
	position: relative;
}
.in-pr_title::after{
	content: "";
    width: 66px;
    height: 1px;
    background: #eeeeee;
    position: absolute;
    bottom: 22px;
    left: 0;
}
.in-pr_tzi{
	font-size: 20px;
    color: #333333;
    position: relative;
    padding-left: 20px;
}
.in-pr_tzi::after{
	content: "//";
    position: absolute;
    font-size: 16px;
    color: #333333;
    left: 0;
    top: 0;
}
.in-pr_tci{
	font-size: 30px;
    color: #344b74;
    margin-top: 10px;
    text-transform: uppercase;
}
.in-pr_list{
	height: 100%;
	float: right;
}
.in-pr_list li{
	width: 300px;
	height: 100%;
	float: left;
	cursor: pointer;
	text-align: center;
	color: #666666;
	position: relative;
}
.in-pr_list li::after{
	content: "";
	width: 0px;
	height: 0px;
	border-top: 14px solid #ffffff;
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	position: absolute;
	top: 97px;
	left: 134px;
}
/* .in-pr_list li:hover{
	background: #344b74;
	color: #ffffff;
}
.in-pr_list li:hover::after{
	border-top: 14px solid #344b74;
} */
.pr_zi{
	font-size: 18px;
	margin-top: 24px;
}
.pr_ci{
	font-size: 14px;
	margin-top: 6px;
	text-transform: uppercase;
}

.in-pr_list .pr-on{
	background: #344b74;
	color: #ffffff;
}
.in-pr_list .pr-on::after{
	border-top: 14px solid #344b74;
}


.fy-show_k{
    width: 100%;
    height: 364px;
    float: left;
	position: relative;
	margin-top: 48px;
}
.fy-show{
    width: 100%;
    height: 100%;
    float: left;
	position: absolute;
	background: #ffffff;
	left: 0;
	top: 0;
	z-index: 22;
}
.fy{
    width: 100%;
    height: 364px;
    float: left;
}
.fy .swiper-slide{
    /* width: 300px; */
    height: 364px;
    overflow: hidden;
}

.fy-s_img{
    width: 100%;
	height: 278px;
	float: left;
	/* margin-bottom: 13px; */
}
.fy-s_img img{
    width: 100%;
    height: 100%;
}
.fy-s_text{
    width: 266px;
	height: 84px;
	margin: 0 17px;
	float: left;
	border-top: 1px solid #e5e5e5;
}
.fy-s_text span{
	line-height: 84px;
    font-size: 16px;
	color: #333333;
}
.fy-s_text img{
	width: 31px;
	height: 31px;
	float: right;
	margin-top: 26px;
}
.j_t2{
	display: none;
}

.fy .swiper-slide:hover .fy-s_text{
	border-top: 1px solid #ffa906;
}
.fy .swiper-slide:hover .fy-s_text span{
    color: #ffa906;
}
.fy .swiper-slide:hover .j_t2{
	display: block;
}
.fy .swiper-slide:hover .j_t{
	display: none;
}
.fan{
    width: 33px;
    height: 33px;
    outline: none;
    position: absolute;
    top: 40%;
    z-index: 44;
    cursor: pointer;
}
.fan img{
    width: 100%;
    height: 100%;
}

.fj2{
    display: none;
}
.f_next{
    right: -50px;
}
.f_prev{
    left: -50px;
}

.fan:hover .fj2{
    display: block;
}
.fan:hover .fj{
    display: none;
}

.in-pr_gao{
	width: 945px;
	float: left;
	margin-top: 30px;
}
.in-pr_gao img{
	width: 100%;
}

.more-g{
	width: 110px;
	height: 35px;
	position: relative;
	float: right;
	margin-top: 112px;
	border: 1px solid #ffffff;
	text-align: center;
	line-height: 35px;
	font-size: 14px;
	color: #ffffff;
	text-transform: uppercase;
	margin-left: 25px;
}
.more-g::after{
	content: "";
	width: 45px;
	height: 1px;
	background: #ffffff;
	position: absolute;
	left: -25px;
	top: 17px;
}
.more-g:hover{
	border: 1px solid #ffa800;
	background: #ffa800;
	color: #ffffff;
}
.more-g:hover::after{
	background: #ffa800;
}

.in-news{
	width: 100%;
	float: left;
	min-height: 778px;
}
.in-news_cen{
	width: 1200px;
	margin: 0 auto;
}
.in-news_box{
	width: 100%;
	height: auto;
	float: left;
}
.in-nb_left{
	width: 262px;
	height: 502px;
	padding: 0 20px;
	float: left;
	border: 1px solid #eeeeee;
	position: relative;
}
.in-nb_left::before{
	content: "";
	width: 100%;
	height: 192px;
	background: #344b74;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 11;
}
.nb-box{
	width: 100%;
	position: relative;
	z-index: 22;
	float: left;
	cursor: pointer;
}
.nb_left-top{
	width: 100%;
	float: left;
	margin-top: 20px;
}
.nb_title{
	float: left;
}
.nb_top-ti{
	font-size: 18px;
	color: #ffffff;
}
.nb_top-zi{
	font-size: 14px;
	color: #ffffff;
	text-transform: uppercase;
	margin-top: 4px;
}
.nb_jia{
	width: 30px;
	height: 30px;
	float:right;
	margin-top: 12px;
	text-align: center;
	line-height: 30px;
	font-size: 18px;
	color: #ffffff;
	border: 1px solid #ffffff;
	font-weight: bold;
}
.nj_j{
	color: #dcdcdc;
	border: 1px solid #dcdcdc;
}
.nb_jia:hover{
	color: #ffa800;
	border: 1px solid #ffa800;
}

.nb_img{
	width: 100%;
	height: 170px;
	float: left;
	margin-top: 30px;
}
.nb_img img{
	width: 100%;
	height: 100%;
}

.nb_text-ti{
	width: 100%;
	font-size: 18px;
	line-height: 25px;
	color: #333333;
	float: left;
	margin: 30px 0;
}
.nb-box:hover .nb_text-ti{
	color: #ffa800;
}
.nb_text-tw{
	width: 100%;
	float: left;
	font-size: 14px;
	line-height: 25px;
	color: #666666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.nb_text-time{
	width: 100%;
	height: 30px;
	float: left;
	position: relative;
	text-align: right;
	font-size: 14px;
	line-height: 30px;
	color: #999999;
	margin-top: 20px;
}
.nb_text-time::after{
	content: "";
	width: 76px;
	height: 1px;
	background: #999999;
	position: absolute;
	left: 0;
	top: 14px;
}

.nb-box:hover .nb_text-time::after{
	background: #ffa800;
}

.in-nb_right{
	width: 882px;
	height: 502px;
	float: right;
	
}
.in-nr_top{
	width: 852px;
	height: 204px;
	padding: 20px 15px;
	float: left;
	border: 1px solid #eeeeee;
	margin-bottom: 16px;
}

.nr-list{
	width: 100%;
	height: 140px;
	float: left;
	margin-top: 20px;
}
.nr-list li{
	width: 390px;
	height: 140px;
	float: left;
	margin-right: 72px;
}
.nr-list li:nth-child(2n){
	margin-right: 0;
}

.nr-s-ti{
	width: 100%;
	font-size: 18px;
	color: #333333;
	margin-bottom: 14px;
}
.nr-s-text{
	width: 100%;
	font-size: 14px;
	line-height: 25px;
	color: #666666;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.nr-time{
	width: 100%;
    height: 30px;
    float: left;
    position: relative;
    text-align: right;
    font-size: 14px;
    line-height: 30px;
    color: #999999;
    margin-top: 20px;
}
.nr-time::after{
	content: "";
    width: 76px;
    height: 1px;
    background: #d2d2d2;
    position: absolute;
    left: 0;
    top: 14px;
}

.nr-list li:hover .nr-s-ti{
     color: #ffa800;
}
.nr-list li:hover .nr-time::after{
	background: #ffa800;
}

.in-r_bottom{
	width: 852px;
    height: 204px;
    padding: 18px 15px;
    float: left;
    border: 1px solid #eeeeee;
}
.rb-left{
	width: 500px;
	float: left;
	cursor: pointer;
}
.rb-ti{
	width: 100%;
	font-size: 18px;
	color: #333333;
	margin-bottom: 24px;
	margin-top: 22px;
}
.rb-text{
	width: 100%;
	font-size: 14px;
	line-height: 25px;
	color: #666666;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 10px;
}
.rb-img{
	width: 325px;
	height: 210px;
	float: right;
}
.rb-img img{
	width: 100%;
	height: 100%;
}

.rb-left:hover .rb-ti{
	color: #ffa800;
}
.rb-left:hover .nr-time::after{
	background: #ffa800;
}

.in-ent{
	width: 100%;
	height: 580px;
	float: left;
	background: url(../images/bei-j4.png) no-repeat;
	background-size: cover;
}
.in-ent_cen{
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}

 #su .gallery-top {
	width: 870px;
	height: 290px;
	float: left;
	margin-top: 54px;
  }
  #su .gallery-top  .swiper-slide {
	height:100%;
	width: 100%;
	position: relative;
  }
  .v-img{
	width: 430px;
	height: 290px;
	position: relative;
	float: left;
	z-index: 11;
  }
  .v-img img{
	  width: 100%;
	  height: 100%;
  }

  .v-box{
	  width: 464px;
	  height: 290px;
	  position: absolute;
	  right: 0;
	  top: 0;
	  z-index: 22;
  }
  .v-title{
	  height: 60px;
	  width: 250px;
	  text-align: center;
	  font-size: 20px;
	  line-height: 60px;
	  color: #344b74;
	  font-weight: bold;
	  float: left;
	  background: #ffffff;
	  margin-top: 20;
  }

  .v-btext{
	  width: 384px;
	  padding-left: 80px;
	  float: left;
  }
  .v-btw{
	  width: 100%;
	  font-size: 16px;
	  line-height: 25px;
	  color: #ffffff;
	  display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
	overflow: hidden;
	margin-top: 40px;
  }
  .v-more{
	width: 110px;
	height: 35px;
	position: relative;
	float: left;
	margin-top: 30px;
	border: 1px solid #ffffff;
	text-align: center;
	line-height: 35px;
	font-size: 14px;
	color: #ffffff;
	text-transform: uppercase;
	margin-left: 25px;
}
.v-more::after{
	content: "";
	width: 45px;
	height: 1px;
	background: #ffffff;
	position: absolute;
	left: -25px;
	top: 17px;
}
.v-more:hover{
	border: 1px solid #ffa800;
	background: #ffa800;
	color: #ffffff;
}
.v-more:hover::after{
	background: #ffa800;
}

  #su .gallery-thumbs {
	  position: absolute;
	  height: 580px;
	  width: 144px;
	  right: 0;
	  top: 0;
	  z-index: 33;
	  background: #ffffff;
  }
  #su .gallery-thumbs .swiper-slide {
	height: 194px;
	width: 144px;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
  }
  .v-text{
	  padding: 0px 20px;
	  display: inline-block;
	  text-align: center;
	  font-size: 16px;
	  color: #333333;
  }

  #su .gallery-thumbs .swiper-slide-thumb-active{
	background: #ffa800;
  }
  #su .gallery-thumbs .swiper-slide-thumb-active .v-text{
	color: #ffffff;
  }
 .van{
	  width: 144px;
	  height: 46px;
	  position: absolute;
	  right: 0;
	  z-index: 55;
	  background: #344b74;
	  cursor: pointer;
	  border: none;
	  outline: none;
  }
  .van img{
	  width: 100%;
	  height: 100%;
  }
  .v_next{
	  bottom: -46px;
  }
  .v_prev{
	  top: -46px;
  }
   .van:hover{
	   background: #ffa800;
   }

   .in-frindent{
	   width: 100%;
	   padding-top: 90px;
	   padding-bottom: 50px;
	   float: left;
   }
   .in-frin_cen{
	   width: 1200px;
	   margin: 0 auto;
   }
   .frin_left{
	   width: 150px;
	   float: left;
   }
   .frin-ti{
	   font-size: 34px;
	   color: #344b74;
	   font-weight: bold;
	   text-transform: uppercase;
	   margin-bottom: 10px;
   }

   .frin-ci{
	   font-size: 14px;
	   color: #333333;
   }
   .fin-center{
	   width: 940px;
	   float: left;
	   padding: 15px 50px;
	   border-left: 1px solid #d2d2d2;
	   border-right: 1px solid #d2d2d2;
   }
   .fin-center a{ 
	   font-size: 14px;
	   color: #333333;
	   float: left;
	   margin-right: 14px;
	   padding-right: 14px;
	   position: relative;
   }
   .fin-center a:hover{
	   color: #ffa800;
   }
   .fin-center a::after{
	   content: "丨";
	   font-size: 14px;
	   color: #333333;
	   position: absolute;
	   right: 0px;
	   top: 0;
   }
   .fin-center a:last-child::after{
	   opacity: 0;
   }

   .cha{
	   font-size: 14px;
	   color: #ffa800;
	   float: right;
	   margin-top: 15px;
   }

   /* foot */
   .foot{
	min-height: 380px;
    position: relative;
    width: 1920px;
	_width: 1920px;
	background: #344b74;
	border-top: 5px solid #8b9cb8;
    z-index: 11;
    margin: 0;
    top: 0;
    float: left;
    left: 50%;
    margin-left: -960px;
	_margin-left: -960px;
   }
   .foot_cen{
	   width: 1200px;
	   margin: 0 auto;
   }

   .foot_top{
	   width: 100%;
	   float: left;
	   margin-top: 50px;
   }
   .ft_left{
	   width: 350px;
	   height: auto;
	   float: left;
   }
   .ft_logo{
	   /*width: 294px;*/
       max-width:100%;
	   margin-bottom: 40px;
   }
   .ft_x{
	   width: 100%;
	   height: 42px;
	   float: left;
	   border-left: 3px solid #ffa800;
   }
   .ft_x img{
	   height: 37px;
	   float: left;
	   margin-right: 14px;
	   margin-left: 22px;
	   margin-top: 4px;
   }
   .ft_x-xin{
	   height: 42px;
	   float: left;
   }
   .ft-zi{
	   font-size: 12px;
	   color: #ffa800;
	   
   }
   .ft-ci{
	   font-size: 26px;
	   color: #ffa800;
	   font-family: Arial;
	   font-weight: bold;
   }

   .ft_cen{
	   width: 662px;
	   float: left;
	   margin-left: 27px;
   }
   .ft_nav{
	   width: 100%;
	   float: left;
   }
   .ft_nav a{
	   float: left;
	   font-size: 14px;
	   color: #ffffff;
	   margin-right: 34px;
   }
   .ft_nav a:last-child{
	   margin-right: 0;
   }
   .ft_nav a:hover{
	   color: #ffa800;
   }
   .ft_nav .f-on{
	   color: #ffa800;
   }

   .ft_list{
	   width: 100%;
	   float: left;
	   margin-top: 50px;
   }
   .ft_list li{
	   /* height: 30px; */
	   width: 100%;
	   float: left;
	   margin-bottom: 10px;
   }
   .ft_list li img{
	   width: 30px;
	   height: 30px;
	   float: left;
	   margin-right: 12px;
   }
   .ft_list li span{
	   font-size: 14px;
	   line-height: 30px;
	   color: #ffffff;
	   float: left;
   }

    .ft_right{
		width: 155px;
		height: 188px;
		float: right;
		border: 1px solid #999999;
	}
	.ft_er-img{
		width: 130px;
		height: 130px;
		margin: 12.5px;
	}
	.ft_er-img img{
		width: 100%;
		height: 100%;
	}

	.ft_er-zi{
	   font-size: 14px;
	   color: #999999;
	   text-align: center;
	}

	.footer{
		width: 100%;
		float: left;
		margin-top: 20px;
		font-size: 14px;
		line-height: 25px;
		color: #c1c1c1;
	}

	/* 返回顶部 */
	.top-g{
		width: 36px;
		height: 36px;
		position: fixed;
		right:60px;
		top: 90%;
		z-index: 9999;
	}
	.top-g img{
		width: 100%;
		height: 100%;
	}

	/* 悬浮 */
.xuan-box{
    position: fixed;
    top: 40%;
    right: 30px;
    z-index: 9999;
}
.xuan-list{
    width: 76px;
    float: right;
    border-radius: 38px;
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0px 0px 10px 2px rgba(56, 131, 246, 0.1);
}
.xuan-list a{
    width: 40px;
    height: 40px;
    display: block;
    margin: 10px 18px;
    background: #ffffff;
    text-align: center;
}
.xuan-list a img{
    width: 100%;
    height: 100%;
}

.x-top{
    width: 100%;
    height: 64px;
    /* background: #2d79ff; */
    cursor: pointer;
}

.x-top img{
    width: 36px;
    float: left;
    margin: 0 20px;
    margin-top: 15px;
}

.xuan-lian{
    /* height: 44px; */
    padding: 10px 10px;
    position: relative;
    right: 20px;
    top: 0;
    float: left;
    background: #ffffff;
    font-size: 18px;
    color: #175aa1;
    box-shadow: 0px 0px 10px 2px rgba(56, 131, 246, 0.1);
    display: none;
}

.xuan-lian::after{
    content: "";
    width: 0px;
    height: 0px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #ffffff;
    position: absolute;
    top: 30px;
    right: -10px;
    
}




	/* 分页css */
	.wzs-ding{
		width: 1200px;
		height: 56px;
		margin: 0 auto;
	}
	.d_wei{
		width: 22px;
		height: 23px;
		float: left;
		margin-top: 16px;
		margin-right: 10px;
	}
	.d_zhi{
		height: 56px;
		float: left;
		line-height: 56px;
		font-size: 16px;
		color: #666666;
	}
	.d_zhi span{
		float: left;
	}
	.d_zhi a{
		float: left;
		position: relative;
		padding-right: 10px;
		font-size: 16px;
		color: #666666;
	}
	.d_zhi a:last-child{
		color: #ffa800;
	}
	.d_zhi a::after{
		content: "-";
		font-size: 16px;
		color: #666666;
		position: absolute;
		right: 2px;
	}
	.d_zhi a:last-child:after{
        display: none;
	}

	.fen_ti-box{
		width: 100%;
		height: 66px;
		float: left;
		background: #f4f4f4;
	}
	.fti-cen{
		width: 1200px;
		height: 100%;
		margin: 0 auto;
		background: #8b9db9;
	}
	.fti-cen2{
		width: 1200px;
		height: 100%;
		margin: 0 auto;
		background: #8b9db9;
		position: relative;
	}
	.fti-cen a{
		width: 200px;
		height: 66px;
		float: left;
		font-size: 16px;
		line-height: 66px;
		text-align: center;
		color: #ffffff;
	}
	.fti-cen a:hover{
		background: #ffa800;
	}
	.fti-cen .fti-on{
		background: #ffa800;
	}
	
	.ab-cen{
		width: 100%;
		height: auto;
		float: left;
		padding: 40px 0;
	}
	.ab-cen_box{
		width: 1200px;
		margin: 0 auto;

	}
	.ab-cen_box p{
		font-size: 16px;
        line-height: 30px;
        color: #333333;
	}
	.ab-wti{
		width: 100%;
		float: left;
		font-size: 22px;
		color: #344c74;
		font-weight: bold;
		margin-bottom: 20px;
	}
	.ab-wtw{
		width: 100%;
		float: left;
	}
	.ab-wtw li{
		width: 100%;
		float: left;
		font-size: 16px;
		line-height: 30px;
		color: #333333;
		text-indent: 2em;	
	}

	.ab-wtw>img{
		width: 100%;
		display: block;
		margin: 20px auto;
	}

	.pro-cen{
		width: 100%;
		height: auto;
		float: left;
		padding: 40px 0;
	}
	.pro-cen2{
		width: 100%;
		height: auto;
		float: left;
		padding-bottom: 40px;
	}
	.pro-c_box{
		width: 1200px;
		margin: 0 auto;

	}
	.pro-c_list{
		width: 100%;
		float: left;
	}
	.pro-c_list li{
		width: 290px;
		height: 350px;
		float: left;
		border: 1px solid #f0f0f0;
		float: left;
		margin-right: 10px;
        margin-bottom: 15px;
	}
	.pro-c_list li:nth-child(4n){
		margin-right: 0px;
	}

    .p-c_img{
		width: 100%;
		height: 274px;
		float: left;
	}
	.p-c_img img{
		width: 100%;
		height: 100%;
	}
	.p-c_text{
		width: 256px;
		height: 71px;
		margin: 0 17px;
		float: left;
		border-top: 1px solid #e5e5e5;
	}
	.p-c_text span{
		line-height: 71px;
		font-size: 16px;
		color: #333333;
	}
	.p-c_text img{
		width: 31px;
		height: 31px;
		float: right;
		margin-top: 20px;
	}
	.pro-c_list li:hover .p-c_text{
		border-top: 1px solid #ffa906;
	}
	.pro-c_list li:hover .p-c_text span{
		color: #ffa906;
	}
	.pro-c_list li:hover .j_t2{
		display: block;
	}
	.pro-c_list li:hover .j_t{
		display: none;
	}

	.fan_ye{
		width: 100%;
		float: left;
		margin-top: 60px;
		text-align: center;
	}
    .fan_ye a{
		display: inline-block;
		height: 30px;
		line-height: 30px;
		padding: 0px 15px;
		margin: 0 4px;
		font-size: 14px;
		color: #333333;
	}
	.fan_ye a:hover{
		color: #ffa800;
	}
	.fan_ye .fan-on{
		color: #ffa800;
	}
    .fan_ye .fan-s{
		border: 1px solid #e7e7e7;
		color: #999999;
	}

	.flexslider{
		width: 100%;
		height: 100%;
	}
	.slides li{
		width: 200px;
		height: 66px;
		text-align: center;
		position: relative;
	}
	.fc-a{
		width: 200px;
		height: 66px;
		line-height: 66px;
		font-size: 16px;
		color: #ffffff;
	}
	.fc-on{
		background: #ffa800;
	}
	.fc-box{
		width: 100%;
		background: #eeeeee;
		position: absolute;
		top: 66px;
		z-index: 44;
		display: none;
	}
	.fc-box>a{
		display: block;
		width: 100%;
		height: 42px;
		line-height: 42px;
		font-size: 14px;
		color: #666666;
	}
	.fc-box>a:hover{
		color: #ffa800;
	}
	.slides li:hover .fc-box{
		display: block;
	}
	.slides li:hover{
		background: #ffa800;
	}
    .flex-viewport{
		overflow-y: -webkit-paged-x !important;
		/* overflow: initial !important;
		overflow-x: hidden !important; */
		
	}

    .p_de-box{
		width: 1200px;
		padding: 30px 0px;
		background: #ffffff;
		margin: 0 auto;
	}
	.co_de-box{
		width: 1200px;
		padding: 30px 0px;
		background: #ffffff;
		margin: 0 auto;
		position: relative;
		overflow: hidden;
	}

	.p_de-top{
		margin: 0 30px;
		width: 1140px;
		height: 428px;
	}
	.p_dt-z{
		width: 440px;
		height: 428px;
		float: left;
	}
	.p_dt-z img{
		width: 100%;
		height: 100%;
	}
	.p_dt-y{
		width: 640px;
		height: 428px;
		float: right;
	}
	.p_dy-ti{
		width: 100%;
		padding-bottom: 28px;
		text-align: center;
		font-size: 18px;
		color: #333333;
		font-weight: bold;
		border-bottom: 1px solid #344b74;
	}
	.p_dy-text{
		width: 100%;
		float: left;
		margin-top: 30px;
	}
	.p_dy-tw{
		width: 100%;
		height: 280px;
		font-size: 14px;
		line-height: 30px;
		color: #333333;
		text-indent: 2em;
	}

	.p_dy-tx{
		width: 100%;
		height: 58px;
	}
	.p_tx-h{
		height: 58px;
		float: left;
		font-size: 20px;
		line-height: 58px;
		font-weight: bold;
		color: #ffa906;
	}
	.p_more{
		width: 166px;
		height: 58px;
		float: right;
		background: #344b74;
		text-align: center;
		font-size: 16px;
		line-height: 58px;
		font-weight: bold;
		color: #ffffff;
	}
	.p_de-bot{
		width: 100%;
		margin-top: 40px;
	}
	.p_de-bti{
		width: 1140px;
		padding: 0 30px;
		padding-bottom: 20px;
		border-bottom: 1px solid #344b74;
		font-size: 18px;
		color: #333333;
		font-weight: bold;
	}
	.p_de-btw{
		width: 1140px;
		margin: 0 30px;
	}
	.p_de-list{
		width: 100%;
		float: left;
		margin-top: 30px;
	}
	.p_de-list li{
		font-size: 14px;
		line-height: 30px;
		color: #333333;
		text-indent: 2em;
	}

	.p_de-fen{
		font-size: 18px;
		font-weight: bold;
		color: #333333;
	}
	.p_de-btw>img{
		max-width: 100%;
		display: block;
		margin: 20px auto;
	}
	.pian{
		width: 100%;
	}
	.pian a{
		font-size: 14px;
		color: #333333;
		line-height: 25px;
	}
	.pian a:hover span{
		color: #ffa800;
	}

	.new-top{
		width: 1150px;
		height: 374px;
		padding: 25px;
		border: 1px solid #f0f0f0;
		cursor: pointer;
	}
	.new-img{
		width: 578px;
		height: 374px;
		float: left;
	}
	.new-img img{
		width: 100%;
		height: 100%;
	}
	.new-box{
		width: 540px;
		height: 374px;
		float: right;
	}

	.new-b_ti{
		width: 100%;
		font-size: 20px;
		color: #333333;
		font-weight: bold;
		margin-top: 25px;
		margin-bottom: 30px;
	}

	.new-b_tw{
		width: 100%;
		font-size: 14px;
		line-height: 30px;
		color: #666666;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 6;
		overflow: hidden;
		text-indent: 2em;
		margin-bottom: 20px;
	}
	.new-top:hover{
		border: 1px solid #ffa800;
	}
	.new-top:hover .new-b_ti{
		color: #ffa800;
	}
	.new-top:hover .nb_text-time::after{
		background: #ffa800;
	}
	.new-list{
		width: 100%;
		margin-top: 30px;
	}
	.new-list li{
		width: 326px;
		height: 416px;
		padding: 20px 25px;
		border: 1px solid #f0f0f0;
		float: left;
		margin-right: 33px;
		margin-bottom: 40px;
	}
	.new-list li:nth-child(3n){
		margin-right: 0;
	}
	.new_de-img{
		width: 100%;
		height: 212px;
		float: left;
	}
	.new_de-img img{
		width: 100%;
		height: 100%;
	}

	.new_de-ti{
		width: 100%;
		float: left;
		font-size: 18px;
		color: #333333;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
		margin-top: 24px;
		margin-bottom: 30px;
	}
	.new_de-text{
		width: 100%;
		float: left;
		font-size: 14px;
		line-height: 27px;
		color: #666666;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		margin-bottom: 20px;
	}
	.new-list li:hover{
		border: 1px solid #ffa800;
	}
	.new-list li:hover .new_de-ti{
		color: #ffa800;
	}
	.new-list li:hover .nr-time::after{
		background: #ffa800;
	}
	.p_de-list>img{
		max-width: 100%;
		display: block;
		margin: 20px auto;
	}
	.new-title{
		width: 1140px;
		margin: 0 30px;
		padding-bottom: 20px;
		border-bottom: 1px solid #e5e5e5;
		text-align: center;
	}
	.new-ti_zi{
		font-size: 18px;
		color: #333333;
		font-weight: bold;
		margin-bottom: 18px;
	}
	.new-ti_ci{
		font-size: 14px;
		color: #999999;
	}
	.sales-list{
		width: 1140px;
		margin: 0 30px;
	}
	.sales-list li{
		width: 534px;
		height: 44px;
		padding: 0 10px;
		float: left;
		border: 1px solid #e5e5e5;
		background: #f4f4f4;
		margin-right: 28px;
		margin-bottom: 15px;
		cursor: pointer;
	}
	.sales-list li:nth-child(2n){
		margin-right: 0px;
	}

	.sales-list li span{
		font-size: 14px;
		line-height: 44px;
		color: #333333;
		float: left;
	}
	.sales-list li img{
		width: 22px;
		height: 22px;
		float: right;
		margin-top: 11px;
	}
	.xia2{
		display: none;
	}
	.sales-list li:hover{
		background: #ffa906;
	}
	.sales-list li:hover span{
		color: #ffffff;
	}
	.sales-list li:hover .xia{
		display: none;
	}
	.sales-list li:hover .xia2{
		display: block;
	}

	.re-list{
		width: 1140px;
		margin: 0 30px;
	}
	.re-list_top{
		width: 1095px;
		height: 38px;
		float: left;
		margin-left: 45px;

	}
	.re-p{
		width: 219px;
		height: 100%;
		float: left;
		text-align: center;
		font-size: 18px;
		color: #333333;
		font-weight: bold;
	}
	.re-list>li{
		width: 1095px;
		height: auto;
		float: left;
		margin-left: 45px;
		position: relative;
		margin-bottom: 5px;
		cursor: pointer;
	}
	.re-list>li img{
		width: 20px;
		height: 20px;
		position: absolute;
		left: -45px;
		top: 12px;
	}
	.re_cha{
		display: none;
	}
	.li-list{
		width: 100%;
		height: 44px;
		background: #344b74;
	}
	.li-p{
		width: 219px;
		height: 44px;
		float: left;
		text-align: center;
		font-size: 14px;
		line-height: 44px;
		color: #ffffff;
	}
	.li-show{
		width: 1015px;
		height: auto;
		padding: 25px 40px;
		display: none;
	}
	.li-show>li{
		width: 100%;
		margin-bottom: 15px;
	}
	.li-s_ti{
		font-size: 14px;
		color: #333333;
		font-weight: bold;
	}
	.li-s_text{
		font-size: 14px;
		color: #333333;
		line-height: 30px;
	}

	.re-list>.jt .li-list{
		background: #ffa906;
	}
	.re-list>.jt .re_cha{
		display: block;
	}
	.re-list>.jt .re_jia{
		display: none;
	}

	.co-show{
		width: 1140px;
		margin: 0 30px;
		padding-bottom: 80px;
		border-bottom: 1px solid #e5e5e5;
	}
	.co-show li{
		width: 350px;
		height: 40px;
		float: left;
		position: relative;
	}
	.co-show li::after{
		content: "";
		width: 1px;
		height: 100%;
		background: #e5e5e5;
		position: absolute;
		right: 0;
		top: 0;
	}
	.co-show li:last-of-type::after{
		display: none;
	}
	.co-show li img{
		width: 40px;
		height: 40px;
		float: left;
		margin-left: 44px;
		margin-right: 15px;
	}
	.co-wen{
		height: 40px;
		float: left;
	}
	.co-w_ti{
		font-size: 16px;
		color: #333333;
		font-weight: bold;
	}
	.co-w_zi{
		font-size: 14px;
		color: #333333;
	}
	.co-bot{
		width: 1140px;
		margin: 0 30px;
		margin-top: 40px;
	}
	.co-b_left{
		width: 660px;
		float: left;
	}
	.co-b_list{
		width: 100%;
		height: auto;
		float: left;
		margin-bottom: 70px;
	}
	.co-b_list li{
		width:100%;
		height: 40px;
	}
	.co-b_list li img{
		width: 40px;
		height: 40px;
		float: left;
		margin-left: 44px;
		margin-right: 15px;
	}

	.co-b_title{
		width: 100%;
		height: 40px;
		float: left;
	}
	.co-b_title img{
		height: 100%;
		float: left;
		margin-left: 44px;
		margin-right: 12px;
	}
	.co-b_title span{
		float: left;
		font-size: 20px;
		font-weight: bold;
		line-height: 40px;
		color: #333333;
	}

	.co-x{
		width: 478px;
		float: left;
		margin-left: 44px;
		margin-top: 20px;
	}
	.co-x_list{
		width: 100%;
	}
	.co-x_list li{
		width: 200px;
		height: 42px;
		padding: 0 15px;
		float: left;
		margin-right: 14px;
		margin-bottom: 16px;
		border: 1px solid #e5e5e5;
		background: #f2f2f2;
	}
	.co-x_list li span{
		float: left;
		font-size: 14px;
		line-height: 42px;
		color: #999999;
	}
	.x_input{
		height: 100%;
		float: left;
		width: 160px;
		margin-left: 10px;
		border: none;
		outline: none;
		background: #f2f2f2;
	}
	.co-x_list li:nth-child(2n){
		margin-right: 0px;
	}
	.x_tex{
		width: 100%;
		height: 88px;
		padding: 15px;
		border: 1px solid #e5e5e5;
		background: #f2f2f2;
		outline: none;
	}

	.x_tex::placeholder{
		font-size: 14px;
		color: #999999;
	}
	.x_ti-j{
		width: 100%;
		display: block;
		height: 48px;
		text-align: center;
		line-height: 48px;
		font-size: 14px;
		color: #ffffff;
		padding: 0;
		border: none;
		outline: none;
		background: #ffa906;
		margin-top: 40px;
		cursor: pointer;
	}
	.map{
		width: 576px;
		height: 576px;
		border-radius: 50%;
		overflow: hidden;
		position: absolute;
		bottom: -104px;
		right: -65px;
	}

/* 公共css */
.m-top{
	border: 1px solid #e5e5e5;
	color: #999999;
	margin-top: 14px;
}
.m-top::after{
	background: #e5e5e5;
}
.ma-top{
	margin-top: 60px;
}
.ma-bot{
	margin-bottom: 40px;
}
.color-nb{
	color: #333333;
	font-weight: bold;
}
.color-nbb{
	color: #999999;
}
.color-top{
    margin-top: 0;
}

.zi-color{
	color: #ffffff;
}
.zi-color::after{
	color: #ffffff;
}
.ci-color{
	color: #ffffff;
}

.wj-s{
    width: 100%;
    text-align: center;
    font-size: 40px;
    color: #999999;
    margin-top: 6.8rem;
}